<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        html,body{
            width: 100%;
            height: 100%;
            overflow: hidden;
            background-color: #3F5765;
        }

        video {
            position: absolute;
            width: 100%;
            height: 100%;
        }

        #player {
            top: 18%;
            left: 5%;
            width: 90%;
            height: 80%;
            position: relative;
            background-color: #000;
        }

        #loading{
            z-index: 99;
            top: 18%;
            left: 5%;
            width: 90%;
            height: 80%;
            position: absolute;
            background-color: #000;
            text-align: center;
        }
        #tools{
            top: 20px;
            width: 100%;
            text-align: center;
            position: absolute;
        }
    </style>
    <script type="text/javascript" src="scripts/adapter-latest.js"></script>
    <script type="text/javascript" src="scripts/webRtcPlayer.js"></script>
    <script type="text/javascript" src="scripts/ueRender.min.js"></script>
    <script type="text/javascript" src="scripts/func-code.js"></script>
    <script type="text/javascript" src="scripts/index.js"></script>
</head>
<body>
<div id="loading">
    <img src="imgs/loading.gif" style="padding-top: 300px;"/>
    <div id="msgDiv" style="color: white;">正在拼命渲染，请稍后...</div>
</div>
<div id="tools">
    镜头控制：
    <button onclick="autoRotate();">自动旋转</button>
    <button onclick="cameraInfo();">获取相机信息</button>
    <button onclick="flyto();">飞入指定位置</button>
    <button onclick="cameraLock();">镜头锁定</button>
    <button onclick="cameraRange();">镜头范围</button>
    <button onclick="cameraFocus();">镜头聚焦</button>
    <button onclick="firstPerson();">第一人称</button>
    <button onclick="thirdPerson();">第三人称</button>
    <br>
    物体控制：
    <button onclick="PickSwitch();">拾取开关</button>
    <button onclick="pickignore();">添加拾取忽略</button>
    <button onclick="highlight();">高亮</button>
    <button onclick="highlightAll();">取消所有高亮</button>
    <button onclick="showHide();">显示隐藏</button>
    <button onclick="objectmove();">物体移动</button>
    <button onclick="objectrotate();">泄水闸物体旋转</button>
    <button onclick="objectrotate2();">物体旋转还原</button>
    <button onclick="objectrotate3();">过水闸物体旋转</button>
    <button onclick="objectscale();">物体缩放</button>
    <button onclick="objectGet();">物体坐标</button>
    <button onclick="custom();">自定义接口</button>
    <br>
    材质设置：
    <button onclick="getmat();">获取材质</button>
    <button onclick="setmat();">设置材质</button>

    <button onclick="muted();">静音开关</button>
    <button onclick="setsize();">分辨率</button>
    <button onclick="bitrate();">清晰度</button>
    <button onclick="closeRender();">关闭渲染</button>
    <br>
    屏幕标签
    <button onclick="addUpdateLabel();">添加标签</button>
    <button onclick="addUpdateLabel2();">添加List标签</button>
    <button onclick="showHideLabel();">显示隐藏标签</button>
    <button onclick="removeLabel();">移除标签</button>
    <button onclick="waterControll();">水流控制</button>
    <button onclick="combineFunc();">组合接口</button>
    <button onclick="customFunc();">自定义接口</button>
    <button onclick="autoXunjian();">自动巡检</button>
</div>
<div id="player"></div>
</body>
</html>